<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core" template="/template.xhtml">

	<ui:define name="css">
		<h:outputStylesheet library="css" name="estilo.css"></h:outputStylesheet>
	</ui:define>
	<ui:define name="title"> Bidman</ui:define>
	<ui:define name="conteudo">
		<h:form>
			<p:panel header="Listar Fornecedores"
				style="font-size:22px;margin:auto;text-align: center;" >
				<p:dataTable var="user" value="#{usuarioController.listaUsuarios}"
					style="margin:auto;font-size:12px;width:100%" id="table"
					styleClass="ui-corner-all" emptyMessage="Não Há Registros"
					rowStyleClass="#{empty rowIx or rowIx mod 2 ne 0 ? 'even-row' : 'odd-row'}"
					rowIndexVar="rowIx">
					<p:column headerText="Nome">
						<h:outputText value="#{user.nome}" />
					</p:column>
					<p:column headerText="Usuario">
						<h:outputText value="#{user.usuario}" />
					</p:column>
					<p:column headerText="CPF">
						<h:outputText value="#{user.cpf}" />
					</p:column>
					<p:column headerText="RG">
						<h:outputText value="#{user.rg}" />
					</p:column>
					<p:column headerText="E-mail">
						<h:outputText value="#{user.email}" />
					</p:column>
					<p:column headerText="Telefone">
						<h:outputText value="#{user.telefone}" />
					</p:column>
					<p:column headerText="Ativo">
						<h:outputText value="Sim" rendered="#{user.ativo == true}"
							style="color:green" />
						<h:outputText value="Não" rendered="#{user.ativo  == false}"
							style="color:red" />
					</p:column>
					<p:column headerText="Option" style="width:50px">
						<p:commandButton action="#{usuarioController.editar(user)}"
							ajax="false" icon="ui-icon ui-icon-pencil" title="Editar"
							update="table" />
						<p:commandButton icon="ui-icon ui-icon-closethick" update="table"
							oncomplete="usuarioDialog.show()" title="Remover"
							action="#{usuarioController.setUsuarioSelecionado(user)}" rendered="#{user.ativo}">
						</p:commandButton>
					</p:column>
				</p:dataTable>
			</p:panel>

			<p:dialog header="Remover Usuario" widgetVar="usuarioDialog"
				resizable="false" id="editalDlg" showEffect="fade"
				hideEffect="explode" modal="true">
				<h:panelGrid id="display" columns="2" cellpadding="4"
					style="margin:0 auto;">
					<p:commandButton id="deleteButton"
						action="#{usuarioController.remover}"
						oncomplete="usuarioDialog.hide()" update="table" value="Delete" />
					<p:commandButton id="cancelButton" onclick="usuarioDialog.hide()"
						value="Cancel" />
				</h:panelGrid>
			</p:dialog>
		</h:form>
	</ui:define>
</ui:composition>